<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>cornfield</title>
    <link rel="stylesheet" href="cornfield.css">
</head>
<body>
    <div class="boss">
        <!-- 头部部分开始 -->
        <div class="header clearfix">
            <div class="header-logo">
                <a name="top"><a href="#"><img src="img/logo.png" alt="logo"></a></a>
            </div>
            <div class="header-index">
                <ul>
                    <li><a href="">首页</a></li>
                    <li><a href="">服务项目</a></li>
                    <li><a href="">作品案例</a></li>
                    <li><a href="">新闻观点</a></li>
                    <li><a href="">关于麦田</a></li>
                    <li><a href="">联系我们</a></li>
                </ul>
                <div class="index-short"></div>
            </div>
            <div class="header-text">
                <input type="text" name="search">
            </div>
        </div>
        <!-- 大banner开始 -->
        <div class="banner">
            <div class="banner-text" >
                <p class="banner-web" style="color:#fff;">TOP WEB-DESIGN</p>
                <div class="banner-short"> 
                </div>
                <p class="banner-net" style="color:#fff;">
                    高端网站建设
                </p>
                <span style="color:#fff;">提供创新，可信赖和盈利的互联网解决方案</span><br> 
                <span style="color:#fff;">并提供更高质量的网站建设服务</span>
            </div>
        </div>
        <!-- services开始 -->
        <div class="services clearfix">
            <div class="blank">  
            </div>
            <div class="services-text">
                <p style="letter-spacing:10px;">SERVICES</p>
                <div class=bk></div>
                <span>服务项目</span>
            </div>
            <a href=""><div class="services-block">
                <img src="img/gouwuche.png" alt="">
                <p>电商设计</p>
                <div class="bk"></div>
            </div></a>
            <a href=""><div class="services-block">
                <img src="img/phone.png" alt="">
                <p>移动端设计</p>
                <div class="bk"></div>
            </div></a>
            <a href=""><div class="services-block">
                <img src="img/computer.png" alt="">
                <p>网站建设</p>
                <div class="bk"></div>
            </div></a>
            <a href=""><div class="services-block">
                <img src="img/seo.png" alt="">
                <p>SEO优化</p>
                <div class="bk"></div>
            </div></a>
            <a href=""><div class="services-block" style="margin-right:0;">
                <img src="img/chat.png" alt="">
                <p>微信营销</p>
                <div class="bk"></div>
            </div></a>
        </div>
        <!-- about部分开始 -->
        <div class="about clearfix">
            <div class="about-text">
                <h2 style="letter-spacing:10px;">ABOUT</h2>
                <p>关于麦田</p>
                <div class="bk"></div>
                <span>深圳市麦田信息科技优先和公司是一家“互联网实效营销”专业机构，</span>
                <span>我们聚集天猫淘宝店铺装修设计、移动互联网营销、视觉设计、企业网络推广、百度谷歌排名优化</span>
                <span>（SEO/SEM）、精品网站建设、电商运营等IT外包领域，</span>
                <span>以丰富的市场运作能力、前言的技术及完善的服务，</span>
                <span>为数百家全国与本地客户提供了互联网产品和营销服务，有效提升了......</span>
                <div class="btn"><a href="">MORE>></a></div>
            </div>
            <div class="about-banner">
                <img src="img/about-banner.png" alt="">
            </div>
        </div>
        <!-- case文字部分 -->
        <div class="case">
            <div class="blank">  
            </div>
            <div class="bk"></div>
            <p style="letter-spacing:12px;">CASE</p>
            <span>作品案例</span>
        </div>
        <!-- case图片部分1 -->
        <div class="casepicture clearfix">
            <a href=""><div class="cp-child">
                <div>
                    <img src="img/case1.png" alt="">
                </div>
                    <p>彩佳企业官网</p>
                    <span>2014-10-06</span>    
            </div></a>
            <a href=""><div class="cp-child">
                <div>
                    <img src="img/case2.png" alt="">
                </div>
                    <p>联通木业官方网站</p>
                    <span>2014-02-30</span>    
            </div></a>
            <a href=""><div class="cp-child">
                <div>
                    <img style="margin-left:-120px;" src="img/case3.png" alt="">
                </div> 
                    <p>中佳传媒官网</p>
                    <span>2014-06-05</span>     
            </div></a>
            <a href=""><div class="cp-child">
                <div>
                    <img  style="margin:-174px 0 0 -70px;"src="img/case4.png" alt="">
                </div>
                    <p>亚马逊官网</p>
                    <span>2014-12-12</span>
            </div></a>
            <div class="cp-right">
                <a href=""><img src="img/加.png" alt=""></a>
            </div>
        </div>
        <!-- news部分 -->
        <div class="news">
            <div class="blank"></div>
            <div class="news-center clearfix">
                <div class="news-left">
                    <div class="question">
                        <h3 style="letter-spacing:12px;">NEWS</h3>
                        <p>新闻资讯</p>
                    </div>
                    <div class="question-picture">
                        <a href=""><img src="img/加.png" alt=""></a>
                    </div>
                </div>
                <div class="news-child">
                    <p>2015-01<span>07</span></p>
                    <div class="child-pic">
                        <img style="margin:-347px 0 0 -120px;" src="img/news1.png" alt="">
                    </div>
                    <p style="font-size:14px;border:none;padding:0;">2015网站设计趋势：12个顶尖创意的视差滚动网站欣赏</p>
                    <div class="bk"></div>
                </div>
                <div class="news-child">
                    <p>2015-02<span>24</span></p>
                    <div class="child-pic">
                        <img  style="margin:-50px 0 0 -70px;" src="img/news2.png" alt="">
                    </div>
                    <p style="font-size:14px;border:none;padding:0;">2015网站设计趋势：12个顶尖创意的视差滚动网站欣赏</p>
                    <div class="bk"></div>
                </div>
                <div class="news-child">
                    <p>2015-03<span>12</span></p>
                    <div class="child-pic">
                        <img  style="margin:0 0 0 -30px;" src="img/news3.png" alt="">
                    </div>
                    <p style="font-size:14px;border:none;padding:0;">2015网站设计趋势：12个顶尖创意的视差滚动网站欣赏</p>
                    <div class="bk"></div>
                </div>
                <div class="news-child">
                    <p>2015-04<span>04</span></p>
                    <div class="child-pic">
                        <img  style="margin:0 0 0 -130px;" src="img/news4.png" alt="">
                    </div>
                    <p style="font-size:14px;border:none;padding:0;">2015网站设计趋势：12个顶尖创意的视差滚动网站欣赏</p>
                    <div class="bk"></div>
                </div>
            </div>
        </div>
        <!-- contact部分 -->
        <div class="contact">
            <div class="contact-top services-text">
                <p style="letter-spacing:12px;">CONTANT</p>
                <span>联系我们</span>
                <div class=bk></div>
            </div>
            <div class="contact-bottom">
                <input type="text" placeholder="姓名：" class="name" style="margin-right:110px;"/>
                <input type="text" placeholder="电话：" class="name" style="margin-right:110px;"/>
                <input type="text" placeholder="邮箱："class="name"/>
                <input type="text" placeholder="留言："class="msg"/>
            </div>
            <input class="btn" type="button" value="提交"/><input class="set" type="reset" value="重置"/>
        </div>
        <!-- footer部分 -->
        <div class="footer">
            <div class="footer-center">
                <div class="footer-top clearfix">
                    <ul>
                        <li class="city">深圳</li>
                        <li>地址 : 深圳市龙岗市区中心城龙城华府<br/><span>秀华园</span></li>
                        <li>电话 : 0755-89985700</li>
                        <li>传真 : 0755-33975586</li>
                        <li>电邮 : Shenzhen@myit.cc</li>
                    </ul>
                    <ul>
                        <li class="city">东莞</li>
                        <li>地址 : 广东省东莞市虎门大道喜来登<br/><span>商贸大厦</span></li>
                        <li>电话 : 0755-85259586</li>
                        <li>传真 : 0755-85259586</li>
                        <li>电邮 : Dongguan@myit.cc</li>
                    </ul>
                    <ul>
                        <li class="city">长沙</li>
                        <li>地址 : 湖南省长沙市雨花区井湾子街<br/><span>道上海域27栋3单元1509室</span></li>
                        <li>电话 : 0755-83758226</li>
                        <li>传真 : 0755-82596578</li>
                        <li>电邮 : Changsha@myit.cc</li>
                    </ul>
                    <ul style="margin-right:0;">
                        <li class="city">客户服务热线：</li>
                        <li class="number">400-880-5700</li>
                        <li>网址 : www.myit.cc</li>
                        <li>微信 : maitianwangluo</li>
                        <li>微博 : @麦田网络</li>
                    </ul>
                </div>
                <div class="footer-bottom clearfix">
                    <p>Copright @ myit.cc All rights reserved.</p>
                    <ul class="clearfix">
                        <li><a href="">首页</a></li>
                        <li><a href="">服务项目</a></li>
                        <li><a href="">作品案例</a></li>
                        <li><a href="">新闻观点</a></li>
                        <li><a href="">关于麦田</a></li>
                        <li><a href="">联系我们</a></li>
                    </ul>
                    <div class="return"><a href="#top">TOP</a></div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>